<!DOCTYPE html>
<html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content = "width=device-width, target-densitydpi=high-dpi, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta content="telephone=no" name="format-detection" />
    <meta name="keywords" content="seokeywords"/>
    <meta name="description" content="seodescription"/>
    <title>快来</title>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" href="__PUBLIC__/Css/css.css">
    <link rel="stylesheet" href="__PUBLIC__/Css/hzw-city-picker.css">
    </head>

<style>
body{
        background: #eee ;
        padding-top: 12%;
        background-size: cover;
        background-position: center;
        padding-bottom: 18%;
    }
ul,li{margin:0;padding:0;}
@media screen and (min-width:240px) {
    html, body{
        font-size:9px;
    }
}
@media screen and (min-width:320px) {
    html, body{
        font-size:12px;
    }
}
@media screen and (min-width:480px) {
    html, body{
    font-size:18px;
    }
}
@media screen and (min-width:640px) {
    html, body{
        font-size:24px;
    }
}
@media screen and (min-width:960px) {
    html, body{
        font-size:36px;
    }
}
div.imgbox{width: 100%; overflow:hidden;margin:0 auto;}
div.imgbox ul{clear:both;width:100rem;}
div.imgbox ul li{float:left;width:32rem;overflow:hidden;text-align:center;}
#page{color:red;}
</style>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top" style="">
    <div class="container-fluid" style="color: #ffac2d">
        <div class="row" id="navnav">
        <div class="col-xs-2 col-md-2 col-sm-2 col-lg-2" ><div class="btn"><button type="button" id="cityChoice" class="nav_area"><span>选择</span></button></div></div>
        <div class="col-xs-8 col-md-8 col-sm-8 col-lg-8">
            <div class="btn index_big" >
 <div class="input-group">
  <span class="input-group-addon" id="sizing-addon2"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></span>
  <input type="text" name="index_search" class="form-control" placeholder="搜索" aria-describedby="sizing-addon2">
</div>
            </div>

        </div>
        <div class="col-xs-2 col-md-2 col-sm-2 col-lg-2">
            <img src="__PUBLIC__/Images/sao.png" class="img-responsive" style="margin-top:10px;"> 
        </div>
        </div>
    </div>
</nav>
<div class="imgbox" style="width:92%">
    <ul >
        <li>
            <div class="container-fluid index_bkg" style="">
                <div class="row index_uirow" >
                    <div class="index_ui" >
                        <a href="__MODULE__/Shops/shopSelect/kind/food"><button><img src="__PUBLIC__/Images/home_icons/20160126194705meishi.png" class="img-responsive"></button></a>
                        <button class="index_uifo">美食</button>
                    </div>
                    <div class="index_ui" >
                        <a href="__MODULE__/Shops/shopSelect/kind/movie"><button><img src="__PUBLIC__/Images/home_icons/20160126202805dianying.png" class="img-responsive"></button></a>
                        <button class="index_uifo">电影</button>
                    </div>
                    <div class="index_ui" >
                        <a href="__MODULE__/Shops/showPrefe"><button><img src="__PUBLIC__/Images/home_icons/20160126202841xiuxianyule.png" class="img-responsive"></button></a>
                        <button class="index_uifo">团购</button>
                    </div>
                    <div class="index_ui" >
                        <a href=""><button><img src="__PUBLIC__/Images/home_icons/20160126203251waimai.png" class="img-responsive"></button></a>
                        <button class="index_uifo">外卖</button>
                    </div>
                    <div class="index_ui" >
                        <a href=""><button><img src="__PUBLIC__/Images/home_icons/20160126202918liren.png" class="img-responsive"></button></a>
                        <button class="index_uifo">丽人</button>
                    </div>
                </div>
                <div class="row index_uirow" style="margin-top:-1em;">
                    <div class="index_ui" >
                        <a href=""><button><img src="__PUBLIC__/Images/home_icons/20160126203617jianshen.png" class="img-responsive"></button></a>
                        <button class="index_uifo">健身</button>
                    </div>
                    <div class="index_ui" >
                        <a href=""><button><img src="__PUBLIC__/Images/home_icons/1455525720807.png" class="img-responsive"></button></a>
                        <button class="index_uifo">阅读</button>
                    </div>
                    <div class="index_ui" >
                        <a href=""><button><img src="__PUBLIC__/Images/home_icons/20160126203337jiudian.png" class="img-responsive"></button></a>
                        <button class="index_uifo">酒店</button>
                    </div>
                    <div class="index_ui" >
                        <a href=""><button><img src="__PUBLIC__/Images/home_icons/20160126203830jiehun.png" class="img-responsive"></button></a>
                        <button class="index_uifo">结婚</button>
                    </div>
                    <div class="index_ui" >
                        <a href=""><button><img src="__PUBLIC__/Images/home_icons/20160126203416jipiao.png" class="img-responsive"></button></a>
                        <button class="index_uifo">机票</button>
                    </div>
                </div>
            </div>
        </li>
        <li>
                <div class="container-fluid index_bkg" style="">     
                    <div class="row index_uirow" >
                    <div class="index_ui" >
                        <a href=""><button><img src="__PUBLIC__/Images/home_icons/20160126194705meishi.png" class="img-responsive"></button></a>
                        <button class="index_uifo">美食</button>
                    </div>
                    <div class="index_ui" >
                        <a href=""><button><img src="__PUBLIC__/Images/home_icons/20160126202841xiuxianyule.png" class="img-responsive"></button></a>
                        <button class="index_uifo">休闲</button>
                    </div>
                    <div class="index_ui" >
                        <a href=""><button><img src="__PUBLIC__/Images/home_icons/20160126202805dianying.png" class="img-responsive"></button></a>
                        <button class="index_uifo">电影</button>
                    </div>
                    <div class="index_ui" >
                        <a href=""><button><img src="__PUBLIC__/Images/home_icons/20160126203251waimai.png" class="img-responsive"></button></a>
                        <button class="index_uifo">外卖</button>
                    </div>
                    <div class="index_ui" >
                        <a href=""><button><img src="__PUBLIC__/Images/home_icons/20160126202918liren.png" class="img-responsive"></button></a>
                        <button class="index_uifo">丽人</button>
                    </div>
                    </div>
                    <div class="row index_uirow" style="margin-top:-1em;">
                    <div class="index_ui" >
                        <a href=""><button><img src="__PUBLIC__/Images/home_icons/20160126203617jianshen.png" class="img-responsive"></button></a>
                        <button class="index_uifo">健身</button>
                    </div>
                    <div class="index_ui" >
                        <a href=""><button><img src="__PUBLIC__/Images/home_icons/1455525720807.png" class="img-responsive"></button></a>
                        <button class="index_uifo">阅读</button>
                    </div>
                    <div class="index_ui" >
                        <a href=""><button><img src="__PUBLIC__/Images/home_icons/20160126203337jiudian.png" class="img-responsive"></button></a>
                        <button class="index_uifo">酒店</button>
                    </div>
                    <div class="index_ui" >
                        <a href=""><button><img src="__PUBLIC__/Images/home_icons/20160126203830jiehun.png" class="img-responsive"></button></a>
                        <button class="index_uifo">结婚</button>
                    </div>
                    <div class="index_ui" >
                        <a href=""><button><img src="__PUBLIC__/Images/home_icons/20160126203416jipiao.png" class="img-responsive"></button></a>
                        <button class="index_uifo">机票</button>
                    </div>
                    </div>
                </div>
        </li>
    </ul>
</div>
<div id="page" class="container-fluid index_bkg text-center" style="color:  #ffac2d;">
    <span  class="glyphicon glyphicon-minus"></span>
    <span  class="glyphicon glyphicon-minus"></span>
</div>
<div class="container-fluid index_bkg bkg_mar" style="">
    <img src="__PUBLIC__/Images/user_bg.jpg" class="img-responsive">
</div>
<div class="container-fluid index_bkg bkg_mar" style="">
    <div class="row">
        <div class="col-xs-7 col-md-7 col-sm-7 col-lg-7" style="">
            <div class="col-xs-6 col-md-6 col-sm-6 col-lg-6" style="margin-left: -10%;">
                <a href=""><img src="__PUBLIC__/Images/index.png" class="img-responsive index_img"></a>
            </div>
            <div class="col-xs-6 col-md-6 col-sm-6 col-lg-6" style="padding:0.5em  0em;">
                <span class="index_big">博多一桌鲜</span><br>
                <span class="index_small">距离开始还有：</span><br>
                00：00:00

            </div>
        </div>
        <div class="col-xs-5 col-md-5 col-sm-5 col-lg-5 text-right" style="">
            <button class="but_span">立减9元</button>
            <span class="index_span">￥90</span>
        </div>
    </div>
</div>
<div class="container index_bkg bkg_mar" >
    <div class="row">
        <div class="col-xs-6 col-md-6 col-sm-6 col-lg-6" style="border-right:1px solid #dadada;padding: 10px;">
            <div class="col-xs-7 col-md-7 col-sm-7 col-lg-7" style="padding:0.5em  0em;">
                <span class="index_big">全场一折起</span><br>
                <span class="index_big2">30元免费送</span>

            </div>
            <div class="col-xs-5 col-md-5 col-sm-5 col-lg-5" style="padding: 0em 0.8em;">
                 <a href=""><img src="__PUBLIC__/Images/index (2).png" class="img-responsive index_img2"></a>
            </div>
        </div>
        <div class="col-xs-6 col-md-6 col-sm-6 col-lg-6 text-right" style="height:5em;padding: 1em;">
            <div class="col-xs-7 col-md-7 col-sm-7 col-lg-7" style="height:5em;padding:0.5em  0em;">
                <span class="index_big">热门团购</span><br>
                <span class="index_big2">大家都在买</span>

            </div>
            <div class="col-xs-5 col-md-5 col-sm-5 col-lg-5" style="padding:0em  0.8em;">
                 <a href=""><img src="__PUBLIC__/Images/index (3).png" class="img-responsive index_img2"></a>
            </div>
        </div>
    </div>
</div>
<div class="container index_bkg bkg_mar" >
    <div class="row">
        <div class="col-xs-6 col-md-6 col-sm-6 col-lg-6" style="border-right:1px solid #dadada;padding: 10px;">
            <div class="col-xs-5 col-md-5 col-sm-5 col-lg-5" style="padding:0em  0.8em;">
                 <a href=""><img src="__PUBLIC__/Images/index (4).png" class="img-responsive index_img2"></a>
            </div>
            <div class="col-xs-7 col-md-7 col-sm-7 col-lg-7" style="padding:0.5em  0em;">
                <span class="index_big">早餐</span><br>
                <span class="index_big2">一日之计在于晨</span>

            </div>
        </div>
        <div class="col-xs-6 col-md-6 col-sm-6 col-lg-6" style="padding: 10px;">
            <div class="col-xs-5 col-md-5 col-sm-5 col-lg-5" style="padding: 0px 8px;">
                 <a href=""><img src="__PUBLIC__/Images/index (5).png" class="img-responsive index_img2"></a>
            </div>
            <div class="col-xs-7 col-md-7 col-sm-7 col-lg-7 " style="padding:0.5em  0em;">
                <span class="index_big" style="float: left;">黑马餐厅</span><br>
                <span class="index_big2" style="float: left;">这半年这里最火</span>

            </div>
        </div>
    </div>
</div>
<div class="container index_bkg" style="height:4em; border-top:1px solid #dadada;">
    <div class="row">
        <div class="col-xs-4 col-md-4 col-sm-4 col-lg-4 " style="padding: 0.4em;"> 
            <div class="col-xs-5 col-md-5 col-sm-5 col-lg-5" style="padding: 0px;margin-top: -5%;">
                 <a href=""><img src="__PUBLIC__/Images/index (6).png" class="img-responsive "></a>
            </div>
            <div class="col-xs-7 col-md-7 col-sm-7 col-lg-7" style="padding: 1.3em 0px;">
                 <span class="index_big">小吃快餐</span>
            </div>
        </div>
        <div class="col-xs-4 col-md-4 col-sm-4 col-lg-4 bor_left" style="padding: 0.4em;"> 
            <div class="col-xs-5 col-md-5 col-sm-5 col-lg-5" style="padding: 0px;margin-top: -5%;">
                 <a href=""><img src="__PUBLIC__/Images/index (7).png" class="img-responsive "></a>
            </div>
            <div class="col-xs-7 col-md-7 col-sm-7 col-lg-7" style="padding: 1.3em 0px;">
                 <span class="index_big">热辣火锅</span>
            </div>
        </div>
        <div class="col-xs-4 col-md-4 col-sm-4 col-lg-4 bor_left" style="padding: 4px;"> 
            <div class="col-xs-5 col-md-5 col-sm-5 col-lg-5" style="padding: 0px;margin-top: -5%;">
                 <a href=""><img src="__PUBLIC__/Images/index (8).png" class="img-responsive "></a>
            </div>
            <div class="col-xs-7 col-md-7 col-sm-7 col-lg-7" style="padding: 1.3em 0px;">
                 <span class="index_big">面包甜点</span>
            </div>
        </div>
    </div>
</div>
<nav class="navbar navbar-default navbar-fixed-bottom">
  <div class="container" style="height:3em;color: #ffac2d;margin-top: 1%;">
    <div class="row">
        <div class="col-xs-3 col-md-3 col-sm-3 col-lg-3 text-center" style="padding: ;">
            <a href="__CONTROLLER__/qlindex"><img src="__PUBLIC__/Images/homehua.png" class="img-responsive nav_img"></a>
            <button class="nav_h1">首页</button> 
        </div>
        <div class="col-xs-3 col-md-3 col-sm-3 col-lg-3 text-center" style="padding: ;">
            <a href="__MODULE__/Shops/showMap"><img src="__PUBLIC__/Images/fujinhui.png" class="img-responsive nav_img"></a>
            <button class="nav_h2">附近</button> 
        </div> 
        <div class="col-xs-3 col-md-3 col-sm-3 col-lg-3 text-center" style="padding: ;">
            <a href="__MODULE__/Shops/showPrefe"><img src="__PUBLIC__/Images/youhui.png" class="img-responsive nav_img"></a>
            <button class="nav_h2">优惠</button> 
        </div>
        <div class="col-xs-3 col-md-3 col-sm-3 col-lg-3 text-center" style="padding: ;">
            <a href="__MODULE__/User/user"><img src="__PUBLIC__/Images/gerenhui.png" class="img-responsive nav_img"></a>
            <button class="nav_h2">我的</button> 
        </div>
    </div>
  </div>
</nav>

<!-- 
<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> -->
<script src="http://zeptojs.com/zepto.min.js"></script>
<script src="__PUBLIC__/Js/mggScrollImg.js"></script>
<script>
/*
    注意：$.mggScrollImg返回的scrollImg对象上有
            next，prev，go三个方法，可以实现外部对滚动索引的控制。
    如：scrollImg.next();//会切换到下一张图片
        scrollImg.go(0);//会切换到第一张图片
*/
    var scrollImg = $.mggScrollImg('.imgbox ul',{
        loop : true,//循环切换
        auto : false,//自动切换
        // callback : function(ind){//这里传过来的是索引值
        //     $('#page').text(ind+1);
        }
    })
</script>
<!-- <script src="__PUBLIC__/Js/city-data.js"></script> -->
<!-- <script src="__PUBLIC__/Js/hzw-city-picker.min.js"></script> -->
<!-- <script src="__PUBLIC__/Js/jquery-2.1.3.min.js"></script> -->
</body>
</html>